/**
 * Created by ray on 17-6-8.
 */
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */


import React,{ Component } from 'react';
import {
StyleSheet,
View,
Image,
Text,
} from 'react-native'

export default class SplashScreen extends Component {

    render() {
        return (
            <View style={styles.container}>
                <View style = {[styles.children,,styles.centerInParent]}>
                    <Image
                        source={require('../images/splash.gif')}
                        style={[styles.icon,styles.centerInParent]}
                    />
                    <Text style={styles.font}>
                        Room
                    </Text>
                </View>
            </View>

        );
    }


}

const styles = StyleSheet.create({
    container:{
      flexDirection:"column",
      flex:1
    },
    clildren:{
      width:300,
      height:300,
      marginTop:500
    },
    font:{
      textAlign:'center',
      fontSize:16,
      fontWeight:'bold',
      color:'black',
    },
    icon:{
        width:50,
        height:50,
    },
    centerInParent:{
        justifyContent:'center',
        alignItems:'center',
    }
});